<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>商铺主页</title>
		<link rel="stylesheet" type="text/css" href="__CSS__/api.css"/>
		<link rel="stylesheet" type="text/css" href="__CSS__/aui.css" />
		<style>
		body{
			padding-bottom:1.125rem;
		}
		.aui-iconfont {
		    position: relative;
		    font-family: "aui_iconfont" !important;
		    font-size: 0.7rem;
		    font-style: normal;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		    height: 2.4rem;
		}

		  .aui-icon-tu{
		    height: 2.4rem;
			  width: 12px;
			  background: url('__IMG__/left1.png') no-repeat center center;
			  background-size: 10px 17.5px;
		  }
      .aui-bar-nav{
        background: none;
				color:#fff;
      }
      .outer{
          padding-left: 0.8rem;
          padding-right: 0.8rem;
          background-color: #AB9B92;
          padding-bottom: 2.85rem;
          position: relative;
      }
      .avatar {
  			width: 2.7rem;
  			height: 2.7rem;
  			margin-top: 5.5px;
  			margin-right: 0.5rem;
  		}

  		.avatar img {
        width: 100%;
        height:  100%;
  		}
      .name{
        font-size: 16px;
        color:#fff;
        font-weight: bold;
        padding-top: 8.5px;
        padding-bottom: 5px;
      }
      .time{
        font-size: 15px;
        color:#fff;
      }
      .notee{
        font-size: 12px;
        color:#fff;
        padding-top: 12.5px;
        padding-bottom: 12.5px;
      }
      .note{
        width: 1.65rem;
        height:0.8rem;
        font-size: 12px;
        color:#555;
        background-color: #fff;
        line-height: 0.8rem;
        text-align: center;
        margin-right: 0.8rem;
      }
      .activity{
         position:absolute;
         left: 0;
         width:100%;
         border-radius: 0.55rem;
      }
      .activity_inner{
        margin-left:0.75rem;
        margin-right:0.75rem;
        border-radius: 22px;
        background-color: #FFFFFF;
        padding-bottom:0.5rem;
      }
      .tit{
        height:2.55rem;
        line-height: 2.55rem;
        font-size: 15px;
        color:#404040;
        font-weight: bold;
      }
      .one{
        padding-top:10px;
        font-size: 13px;
        color:#555;
        line-height: 0.925rem;
      }
      .card{
        width:100%;
        border-radius: 0.55rem;
      }
			.score{
				font-size: 13px;
        color:#F04040;
			}
			.look{
				font-size: 13px;
        color:#B7B7B7;
			}
			.arrow {
				width: 0.3rem;
				height: 2.38rem;
				background: url(__IMG__/right_arrow.png) no-repeat center center;
				background-size: 0.3rem 0.55rem;
				margin-left: 0.1rem;
			}
			.activity_inner1{
				padding-bottom:1.2rem;
			}
			.outer1{
				padding-left:0.75rem;
				padding-right:0.75rem;
			}
			.pinglun{
				padding-top:0.85rem;
			}
			.avatar1{
				width: 1.75rem;
				height: 1.75rem;
				border-radius: 50%;
				margin-right:0.6rem;
			}
			.avatar1 img{
				width:100%;
				height: 100%;
				border-radius: 50%;
			}
			.name1{
        font-size: 13px;
        color:#555;
        padding-bottom: 6px;
      }
      .time1{
        font-size: 12px;
        color:#B7B7B7;
      }
			.xing{
				width:0.55rem;
				height:0.55rem;
				background: url(__IMG__/star1.png) no-repeat center center;
				background-size: 0.55rem;
				margin-right:3.5px;
			}
			.xing1{
				width:0.55rem;
				height:0.55rem;
				background: url(__IMG__/star2.png) no-repeat center center;
				background-size: 0.55rem;
				margin-right:3.5px;
			}
			.card1{
				margin-top:0.75rem;
			}
			.connect{
				font-size: 13px;
				color:#555;
			}
			.phone{
				width:0.775rem;
				height:0.775rem;
			}
			.call{
				font-size: 13px;
				color:#2E97FF;
			}
			.way{
				margin-top:0.5rem;
			}
			.see{
				padding-top:1.45rem;
				padding-bottom:1.4rem;
			}
			.arrow1{
				width: 0.3rem;
				height: 0.55rem;
				background: url(__IMG__/right_arrow.png) no-repeat center center;
				background-size: 0.3rem 0.55rem;
				margin-top:0.1rem;
			}
		</style>
	</head>
	<body>

	<div id="list"></div>
	<div class="outer">
		<header class="aui-bar aui-bar-nav" id="header">
			<a class="aui-pull-left" tapmode="active" onclick="goindex({$shop.s_id});"> <span
					class="aui-iconfont aui-icon-tu"> </span> </a>
			<div class="aui-title">{$shop.s_pinlei ?? ''}分类由{$shop.s_name ?? ''}商家提供</div>
		</header>
		<div class="flex-wrap">
			<div class="avatar">
				<img src="{$shop.s_thumb ?? '__IMG__/zhanweitu/touxiang2.png'}">
			</div>
			<div class="flex-con">
				<div class="name">{$shop.s_pinlei ?? ''}</div>
				<div class="time">配送时间：{$shop.s_open ?? ''}-{$shop.s_close ?? ''}</div>
			</div>
		</div>
		<div class="notee flex-wrap">
			<div class="note">公告</div>
			<div class="flex-con">{$shop.s_notice ?? ''}</div>
		</div>
		<div class="activity" id="card">
			<div class="activity_inner">
				<div class="outer1 tit underLine">商家活动</div>
				<div class="outer1 one">满{$shop.s_free ?? ''}起送</div>
				<div class="outer1 one">满{$shop.s_mianyou ?? ''}免运费</div>
				{if $kill=='1'}
				<div class="outer1 one">部分商品限时抢购</div>
				{/if}
				{if $active}
				<div class="outer1 one">{$active.sa_rule_con ?? ''}</div>
				{/if}
			</div>
		</div>
	</div>

	<div class="card card1" style="margin-top:110px;">
		<div class="activity_inner activity_inner1">
			<div class="tit outer1  flex-wrap underLine" onclick="comment({$shop.s_id})">
				<div>商家评星<span class="score">{if !$shop.s_score || $shop.s_score==0}5{else /}{$shop.s_score}{/if}分</span></div>
				<div class="flex-con"></div>
				<div class="look">查看全部评价</div>
				<div class="arrow"></div>
			</div>
			{if $pl}
			<div class="pinglun outer1 flex-wrap">
				<div class="avatar1">
					<img src="{$pl.user_image ?? '__IMG__/zhanweitu/touxiang2.png'}">
				</div>
				<div class="flex-con">
					<div class="name1">{$pl.user_username ?? ''}</div>
					<div class="time1">{$pl.comment_content}</div>
				</div>
				<div class="star flex-wrap">
					{for start='0' end="$pl['comment_score']"}
					<div class="xing"></div>
					{/for}
					{for start='0' end="5-$pl['comment_score']"}
					<div class="xing1"></div>
					{/for}

				</div>
			</div>
			{/if}
		</div>
	</div>

	<div class="card card1">
		<div class="activity_inner">
			<div class="outer1 tit underLine">店铺信息</div>
			<div class="outer1">
				<div class="way flex-wrap">
					<div class="connect">联系电话：{$shop.s_phone ?? ''}</div>
					<div class="flex-con"></div>
					<div class="phone"><img src="__IMG__/call2.png"/></div>
					<a class="call" href="tel:{$shop.s_phone}">拨打电话</a>
				</div>
				<div class="way connect">店铺地址：{$shop.s_address ?? ''}</div>
				<div class="see  flex-wrap">
					<div class="connect">查看商家资质</div>
					<div class="flex-con"></div>
					<div class="arrow1"></div>
				</div>
			</div>
		</div>
	</div>

	</body>
	<script type="text/javascript" src="__JS__/jquery.min.js"></script>
	<script type="text/javascript" src="__JS__/tt2.js"></script>
	<script type="text/javascript">
        function goindex(s_id) {
            location.href = '{:url("Index/shopInfo")}?s_id='+s_id;
        }
        function comment(s_id) {
            location.href = '{:url("Index/shopCommList")}?s_id='+s_id;
        }
	</script>
</html>
